<template>
	<view style="background-color: #eee;">
		<view class="view" @click="toApi()"><text>api</text></view>
		<view class="view" @click="toExt()"><text>extUI</text></view>
		<view class="view" @click="toCom()"><text>component</text></view>
		<view class="view" @click="toTem()"><text>template</text></view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		toApi() {
			this.$util.redirectTo('/pages/API/API/API');
		},
		toExt() {
			this.$util.redirectTo('/pages/extUI/extUI/extUI');
		},
		toCom() {
			this.$util.redirectTo('/pages/component/component/component');
		},
		toTem() {
			this.$util.redirectTo('/pages/template/template/template');
		}
	}
};
</script>

<style lang="scss">
.view {
	width: 100%;
	height: 90rpx;
	margin-top: 16rpx;
	padding-left: 32rpx;
	background-color: white;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
</style>
